import { PageHeader } from "@/components/page-header";
import { useNavigate } from "react-router-dom";
import React from "react";
import { Tag } from "@/components/base";

export function Header(props: {
    footer: React.ReactNode;
}) {
    const navigate = useNavigate();

    return (
        <PageHeader
            title="订单详情"
            onBack={() => navigate(-1)}
            footer={props.footer}
            extra={<Tag color="success" fill="outline">结清</Tag>}
        />
    );
}
